<template>
  <div>
    <!-- <div>count={{ count }}</div> -->
    <div>count={{ value }}</div>
    <!-- <button @click="$emit('add')">+1</button>
    <button @click="$emit('addN',3)">+N</button> -->
    <!-- 子组件通过input事件名发消息 -->
    <button @click="$emit('input',1)">+1</button>
    <button @click="$emit('input',3)">+N</button>
    <input ref="inputRef">
  </div>
</template>

<script>
export default {
  props: {
    // count: {
    //   type: Number,
    //   required: true
    // }
    // 子组件修改接受的数据名称
    value: {
      type: Number,
      required: true
    }
  },
  methods: {
    focus() {
      // 子组件定义方法
      this.$refs.inputRef.focus()
    }
  }
}
</script>

<style>

</style>
